<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css" >
*{margin:0px;font-family:KaiTi;text-align:center;}
.layer1{width:100%;height:30px;} 
       .layer1-1{
	width: 35%;
	height: 30px;
	background: #FF0;
	float: left;
	
}
       .layer1-2{
	width: 65%;
	height: 30px;
	background: #30F;
	float: left;
	
}
       .layer1-3{clear:both;}
.layer2{width:100%;herght:400px;}
       .layer2-1{width:100%;height:200px;background:#09C;}
	   .layer2-2{width:100%;height:200px;background:#0FC;}
                .layer2-2-1{width:30%;height:160px;background:#99F;float:left;border:double #000033;margin:20px 5px;}
				.layer2-2-2{width:30%;height:160px;background:#99F;float:left;border:double #000033;margin:20px 5px;}
				.layer2-2-3{width:30%;height:160px;background:#99F;float:left;border:double #000033;margin:20px 5px;}
				.layer2-2-4{clear:both;}
.layer3{width:100%;height:60px;background:blue;}
p{line-height:30px} 
h3{background:blue;}
h2{text-align:center;}
</style> 
</head>

<body>
<div class=layer1>
          <div class=layer1-1>山东商业职业技术学院</div>
  <div class=layer1-2>学校概况 机构设置 教育教学 就业创业 科技服务</div>
          <div class=layer1-3></div>
       </div>

       <div class=layer2>
          <div class=layer2-1><h2>学校图片</h2></div>
          <div class=layer2-2>
              <div class=layer2-2-1>
                 <h3>学校要闻</h3>
                 <p>新闻1</p>
                 <p>新闻1</p>
                 <p>新闻1</p>
              </div>
              <div class=layer2-2-2>
                 <h3>通知公告</h3>
                 <p>新闻1</p>
                 <p>新闻1</p>
                 <p>新闻1</p>
              </div>
              <div class=layer2-2-3>
                 <h3>媒体报告</h3>
                 <p>新闻1</p>
                 <p>新闻1</p>
                 <p>新闻1</p>
              </div>
              <div class=layer2-2-4></div>
          </div>
       </div>

       <div class=layer3><h2>服务导航</h2></div>


</body>
</html>
